{% extends "app/base.html" %}
{% load static %}
{% block title %}扬帆起航工作室-首页{% endblock %}

{%  block extend_style %}
<link rel="stylesheet" href={% static 'app/css/toastr.min.css' %}>
{% endblock %}

{%  block extend_js %}
<script src={% static 'app/js/silder.js' %}></script>
<script src={% static 'app/js/toastr.min.js' %}></script>
{% endblock %}

{% block content %}
<!-- <div id='container' class='box'> -->
		<!-- 轮播图 -->
		<div class="slider">
			<div class="slider-img">
				<ul class="slider-img-ul">
					<li><img src="http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201705/jiaoben5070/images/slider-5.jpg"></li>
					<li><img src="http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201705/jiaoben5070/images/slider-1.jpg"></li>
					<li><img src="http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201705/jiaoben5070/images/slider-2.jpg"></li>
					<li><img src="http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201705/jiaoben5070/images/slider-3.jpg"></li>
					<li><img src="http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201705/jiaoben5070/images/slider-4.jpg"></li>
					<li><img src="http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201705/jiaoben5070/images/slider-5.jpg"></li>
					<li><img src="http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201705/jiaoben5070/images/slider-1.jpg"></li>
				</ul>
			</div>
		</div>

		<!-- 正文 -->
		<div class="news left">
		    <h2><span class="more"><a href="/" target="_blank">更多..</a></span>招考资讯</h2>
		    <ul>
		      <div class="pic_news left">

		      	<div class="focusBox">
					<ul class="pic">
						{% for picture in picture_life %}
						<li><img src="/media/{{ picture.Attachment }}"/></li>
						{% endfor %}		
					</ul>
					<div class="txt">
						<ul>
							{% for picture in picture_life %}
							<li><a href="{% url 'app:aboutdetail' picture.category.slug picture.pk %}">{{ picture.title }}</a></li>
							{% endfor %}
						</ul>
					</div>
					<ul class="num">
						<li><a>1</a><span></span></li>
						<li><a>2</a><span></span></li>
						<li><a>3</a><span></span></li>
						<li><a>4</a><span></span></li>
					</ul>
				</div>
				<script type="text/javascript">
				jQuery(".focusBox").slide({ titCell:".num li", mainCell:".pic",effect:"fold", autoPlay:true,
					startFun:function(i){
						jQuery(".focusBox .txt li").eq(i).animate({"bottom":0}).siblings().animate({"bottom":-36});
					}
				});
				</script>

		      	<!-- <div id="box">
				  <div class="list">
				    <ul>
				    	{% for picture in xyfc_list %}
				    	<li><img src="/media/{{ picture.picture }}" width="300" height="235"/></li>

				    	{% endfor %}
				    </ul>
				  </div>
				</div> -->

		      </div>
		      <div class="center_news right">
		        <section class="c_n_top">
		          <h3>{{ article_list.0.title }}</h3>
		          <p>{{ article_list.0.body | truncatechars:55 }}[<a href="{% url 'app:detail' article_list.0.category.slug article_list.0.type.slug article_list.0.pk %}" target="_blank">详情</a>]</p>
		        </section>
		        <ul>
		          <li><a href="{% url 'app:detail' article_list.1.category.slug article_list.1.type.slug article_list.1.pk %}" target="_blank">{{ article_list.1.title }}<img src="/static/app/images/new.gif"></a></li>
		          <li><a href="{% url 'app:detail' article_list.2.category.slug article_list.2.type.slug article_list.2.pk %}" target="_blank">{{ article_list.2.title }}<img src="/static/app/images/new.gif"></a></li>
		          <li><a href="{% url 'app:detail' article_list.3.category.slug article_list.3.type.slug article_list.3.pk %}" target="_blank">{{ article_list.3.title }}</a></li>
		          <li><a href="{% url 'app:detail' article_list.4.category.slug article_list.4.type.slug article_list.4.pk %}" target="_blank">{{ article_list.4.title }}</a></li>
		          <li><a href="{% url 'app:detail' article_list.5.category.slug article_list.5.type.slug article_list.5.pk %}" target="_blank">{{ article_list.5.title }}</a></li>
		        </ul>
		      </div>
		    </ul>
		</div>
		<div class="announce right">
		    <h2><a href="/">通知公告</a></h2>
		    <ul>
		     <marquee onMouseOver="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" height="240">
		      <li><a href="/" target="_blank">武陵区农林局执法人员正检查农产品来贸易争端 矛头直指</a></li>
		      <li><a href="/" target="_blank">“秦台”农产品商标注册 </a></li>
		      <li><a href="/" target="_blank">美国挑起对华贸易争端 矛头直指</a></li>
		      <li><a href="/" target="_blank">上海最大农产品批发市场开业海最大农产品批发市场开业贸易争端 矛头直指 </a></li>
		      <li><a href="/" target="_blank">上海:最大农产品批发市场开业贸易争端 矛头直指 ...</a></li>
		      <li><a href="/" target="_blank">多重屏障确保食品安全...</a></li>
		      </marquee>
		    </ul>
		</div>
		<div class="blank"></div>
		<div class="adl left"><img src="/static/app/images/ad01.jpg"></div>
		<div class="adr right"><img src="/static/app/images/ad02.jpg"></div>
		<div class="blank"></div>

		<div class="linews left">
		    <h3><span><a href="{% url 'app:options' gk_list.0.category.slug %}" class="more">更多..</a></span>{{ gk_list.0.category }}</h3>
		    <ul>
		      {% for article in gk_list %}
		          <li><a href="{% url 'app:detail' article.category.slug article.type.slug article.pk %}" target="_blank">{{ article.title }}</a></li>
		      {% endfor %}
		    </ul>
		</div>
		<div class="linews left ln">
		    <h3><span><a href="{% url 'app:options' sk_list.0.category.slug %}" class="more">更多..</a></span>{{ sk_list.0.category }}</h3>
		    <ul>
		      {% for article in sk_list %}
		          <li><a href="{% url 'app:detail' article.category.slug article.type.slug article.pk %}" target="_blank">{{ article.title }}</a></li>
		      {% endfor %}
		    </ul>
		</div>
		<div class="linews right">
		    <h3><span><a href="{% url 'app:options' xds_list.0.category.slug %}" class="more">更多..</a></span>{{ xds_list.0.category }}</h3>
		    <ul>
		      {% for article in xds_list %}
		          <li><a href="{% url 'app:detail' article.category.slug article.type.slug article.pk %}" target="_blank">{{ article.title }}</a></li>
		      {% endfor %}
		    </ul>
		</div>
		<div class="blank"></div>
		<div class="linews left">
		    <h3><span><a href="{% url 'app:options' sy_list.0.category.slug %}" class="more">更多..</a></span>{{ sy_list.0.category }}</h3>
		    <ul>
		      {% for article in sy_list %}
		          <li><a href="{% url 'app:detail' article.category.slug article.type.slug article.pk %}" target="_blank">{{ article.title }}</a></li>
		      {% endfor %}
		    </ul>
		</div>
		<div class="linews left ln">
		    <h3><span><a href="{% url 'app:options' js_list.0.category.slug %}" class="more">更多..</a></span>{{ js_list.0.category }}</h3>
		    <ul>
		      {% for article in js_list %}
		          <li><a href="{% url 'app:detail' article.category.slug article.type.slug article.pk %}" target="_blank">{{ article.title }}</a></li>
		      {% endfor %}
		    </ul>
		</div>
		<div class="linews right">
		    <h3><span><a href="{% url 'app:options' cg_list.0.category.slug %}" class="more">更多..</a></span>{{ cg_list.0.category }}</h3>
		    <ul>
		      {% for article in cg_list %}
		          <li><a href="{% url 'app:detail' article.category.slug article.type.slug article.pk %}" target="_blank">{{ article.title }}</a></li>
		      {% endfor %}
		    </ul>
		</div>
		<div class="blank"></div>
		<div class="ad"><img src="/static/app/images/ad03.jpg"></div>
		<div class="blank"></div>
		<div class="zhishu left">
		    <h3 style="font-size:14px">备考辅导
		      <ul id="tab">
		      	{% for type in type_list %}
		      	{% if forloop.first %}
		        <li class="current"><a href="{% url 'app:type' type.slug %}">{{ type.name }}</a></li>
		        {% else %}
		        <li><a href="{% url 'app:type' type.slug %}">{{ type.name }}</a></li>
		        {% endif %}
		        {% endfor %}
		      </ul>
		    </h3>
		    <section>
		      <div id="content">
		      	{% for category in bk_list %}
		      	{% if forloop.first %}
		      	<ul style="display:block;">
		          <div class="zs_pic left"> <img src="/static/app/images/newspic1.jpg"> </div>
		          <div class="zs_news right">
		            <ol>
		              {% for article in category %}
		              <li><a href="{% url 'app:detail' article.category.slug article.type.slug article.pk %}" target="_blank"><span>{{ article.created_time | date:"Y-m-d" }}</span>{{ article.title }}</a></li>
		              {% endfor %}
		            </ol>
		          </div>
		        </ul>
		        {% else %}
		        <ul>
		          <div class="zs_pic left"> <img src="/static/app/images/newspic1.jpg"> </div>
		          <div class="zs_news right">
		            <ol>
		              {% for article in category %}
		              <li><a href="{% url 'app:detail' article.category.slug article.type.slug article.pk %}" target="_blank"><span>{{ article.created_time | date:"Y-m-d" }}</span>{{ article.title }}</a></li>
		              {% endfor %}
		            </ol>
		          </div>
		        </ul>
		        {% endif %}
		        {% endfor %}

		      </div>
		    </section>
		</div>
		<div class="hd right">
		  <h3>互动交流</h3>
		  <ul>
		    <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=843514174&site=qq&menu=yes">qq咨询</a></li>
		    <li><a href="">局长信箱</a></li>   
		  </ul>
		</div>
<!-- </div> -->
{% endblock %}

{% block script %}
<script>

	$(document).ready(function(){
	    var notices={{notice_list | safe}}
	    toastr.options = {
		        "progressBar": true,
		        "closeButton": true,
		    }

	    for (var i = notices.length - 1; i >= 0; i--) {
	    	(function(i){
	    		setTimeout(function(){
		    		toastr.info(notices[i].body,notices[i].title);
		    	},i*3000)})(i)
	    };
	});
</script>
{% endblock %}